{% extends "base.html" %}

{% block title %}
大蛮三组队学习
{% endblock %}

{% block extra_head %}
<style>
  .cate:hover {background-color: rgba(0,0,0, 0.5); color: white}
  .cate_active:hover {color: white;}
  .cate_active {color: white;}
  .cate {color: darkgray;}

  body {
    background-color: rgba(250, 250, 250, 1);
  }
</style>

  {% block content_head %}{% endblock %}
{% endblock extra_head %}


{% block main %}
<div style="background-image: url('/media/icon/bg.jpg')">
  <br>
  <div>
    <h2 class="text-center text-white ">快乐叮叮</h2>
    <div class="d-flex justify-content-center">
      <a href="https://space.bilibili.com/384085465" target="_blank"><svg width="1.5em" height="1.5em" class="ml-3" fill="white" viewBox="0 0 32 34">
        <!-- B站图标 -->
        <path d="M30.828,30.422 C30.564,30.423 30.297,30.446 30.036,30.418 C29.078,30.314 28.380,31.402 28.048,32.549 C27.749,33.582 26.614,34.110 25.592,34.004 C24.412,33.883 23.631,33.208 23.330,32.141 C23.149,31.496 22.602,30.996 22.000,31.000 C17.847,31.024 14.153,31.012 10.000,31.000 C9.522,30.999 9.012,31.457 8.872,32.020 C8.573,33.228 7.546,33.995 6.409,34.014 C5.232,34.034 4.209,33.287 3.866,32.033 C3.722,31.508 3.479,30.385 2.977,30.413 C2.331,30.449 1.681,30.431 1.033,30.420 C0.325,30.407 0.012,30.123 0.012,29.451 C0.017,22.618 0.027,15.786 0.045,8.953 C0.047,8.247 0.340,8.009 1.154,8.008 C4.491,8.004 7.828,8.006 11.165,8.006 C11.398,8.006 11.631,8.006 11.863,8.006 C11.884,7.949 11.906,7.891 11.927,7.833 C11.152,7.426 10.377,7.019 9.603,6.611 C8.318,5.933 7.031,5.257 5.748,4.576 C5.228,4.300 5.012,3.879 5.306,3.357 C5.603,2.829 6.094,2.797 6.607,3.067 C9.620,4.656 12.634,6.243 15.636,7.849 C16.405,8.261 17.789,8.014 18.284,7.318 C19.819,5.154 21.353,2.990 22.888,0.825 C22.942,0.749 22.994,0.670 23.050,0.595 C23.488,0.007 23.985,-0.152 24.437,0.195 C24.960,0.596 24.870,1.072 24.534,1.549 C23.911,2.432 23.288,3.314 22.666,4.197 C21.804,5.421 20.943,6.646 19.986,8.006 C20.378,8.006 20.629,8.006 20.880,8.006 C24.194,8.006 27.507,8.005 30.820,8.007 C31.832,8.008 31.988,8.161 31.989,9.145 C31.999,15.861 32.008,22.577 32.014,29.293 C32.015,30.253 31.838,30.416 30.828,30.422 ZM25.848,32.431 C26.378,32.396 26.630,30.992 26.791,30.461 C26.102,30.461 25.492,30.461 24.787,30.461 C24.984,31.045 25.257,32.471 25.848,32.431 ZM6.318,32.432 C6.905,32.468 7.182,31.049 7.357,30.466 C6.663,30.466 6.056,30.466 5.383,30.466 C5.517,31.015 5.793,32.400 6.318,32.432 ZM30.000,10.000 C20.412,10.000 11.532,10.000 2.000,10.000 C2.000,16.462 2.000,22.576 2.000,29.000 C11.579,29.000 20.420,29.000 30.000,29.000 C30.000,22.528 30.000,16.432 30.000,10.000 ZM4.000,13.882 C4.002,12.956 4.449,12.051 5.381,12.050 C12.494,12.049 19.041,11.998 26.154,12.000 C27.100,12.000 27.997,12.966 28.000,13.882 C28.012,18.300 27.993,21.700 28.000,26.118 C28.002,27.062 27.146,27.999 26.154,28.000 C22.608,28.002 19.545,28.000 16.000,28.000 C12.455,28.000 9.392,28.002 5.846,28.000 C4.814,27.999 3.999,27.135 4.000,26.118 C4.005,21.722 3.992,18.278 4.000,13.882 ZM26.297,25.981 C26.297,21.804 26.154,17.971 26.154,13.882 C19.290,13.882 12.649,13.882 5.846,13.882 C5.846,18.035 5.822,21.866 5.822,25.981 C12.673,25.981 19.463,25.981 26.297,25.981 ZM11.608,16.318 C11.666,16.292 11.738,16.297 11.980,16.262 C12.121,16.400 12.477,16.590 12.515,16.828 C12.558,17.106 12.409,17.591 12.194,17.700 C10.880,18.367 9.530,18.968 8.177,19.557 C7.765,19.736 7.312,19.601 7.207,19.161 C7.138,18.873 7.262,18.326 7.469,18.222 C8.823,17.537 10.222,16.940 11.608,16.318 ZM12.021,20.776 C12.277,20.767 12.608,21.121 12.793,21.391 C12.941,21.606 12.879,21.950 12.983,22.210 C13.180,22.705 13.551,23.176 14.099,23.060 C14.504,22.975 14.874,22.570 15.178,22.234 C15.328,22.068 15.303,21.740 15.339,21.483 C15.407,20.999 15.693,20.701 16.171,20.713 C16.608,20.724 16.892,20.988 16.948,21.461 C16.984,21.760 16.992,22.131 17.171,22.330 C17.457,22.648 17.869,23.032 18.238,23.044 C18.572,23.055 18.978,22.651 19.241,22.339 C19.416,22.132 19.406,21.766 19.461,21.467 C19.550,20.990 19.826,20.700 20.320,20.738 C20.811,20.776 21.069,21.092 21.050,21.585 C21.003,22.836 20.506,23.853 19.334,24.411 C18.242,24.932 17.222,24.708 16.328,23.907 C16.280,23.864 16.222,23.833 16.162,23.792 C15.890,23.981 15.638,24.200 15.349,24.351 C14.404,24.844 13.458,24.803 12.586,24.197 C11.624,23.527 11.195,22.551 11.281,21.416 C11.299,21.170 11.755,20.785 12.021,20.776 ZM18.997,16.260 C19.229,15.854 19.641,15.743 20.026,15.962 C21.555,16.833 23.067,17.734 24.569,18.648 C24.749,18.757 24.833,19.019 24.896,19.113 C24.913,19.856 24.298,20.260 23.732,19.941 C22.219,19.088 20.731,18.190 19.245,17.289 C18.853,17.051 18.770,16.656 18.997,16.260 Z"/>
      </svg></a>
      <a href="#"><svg width="1.5em" height="1.5em" class="ml-3" fill="white" viewBox="0 0 1484 1200">
        <!-- 微信图标 -->
        <path d="M1061,376.745492 C1046.93159,375.675132 1032.68294,375.128245 1018.28199,375.128245 C760.474403,375.128245 551.480062,550.397809 551.480062,766.603773 C551.480062,811.187407 560.366958,854.030335 576.736209,893.954663 C562.583324,894.898539 548.274988,895.379506 533.8327,895.379506 C463.725155,895.379506 418.690611,882.797139 357.35908,862.195315 C341.628964,857.623713 289.621693,883.876817 201.337265,940.954626 C194.832044,944.184916 188.274851,943.588971 181.665688,939.166792 C175.056524,934.744612 173.29647,928.000572 176.385526,918.934671 C200.137255,841.559638 206.88886,798.613438 196.640342,790.096073 C71.2830289,708.173715 0,591.29385 0,447.689753 C0,200.43753 239.005041,0 533.8327,0 C799.872941,0 1020.45957,163.206427 1061,376.745492 Z M357.35908,379.323337 C398.781148,379.323337 432.360369,345.75252 432.360369,304.340817 C432.360369,262.929115 398.781148,229.358297 357.35908,229.358297 C315.937013,229.358297 282.357792,262.929115 282.357792,304.340817 C282.357792,345.75252 315.937013,379.323337 357.35908,379.323337 Z M714.718161,379.323337 C756.140229,379.323337 789.719449,345.75252 789.719449,304.340817 C789.719449,262.929115 756.140229,229.358297 714.718161,229.358297 C673.296093,229.358297 639.716872,262.929115 639.716872,304.340817 C639.716872,345.75252 673.296093,379.323337 714.718161,379.323337 Z" id="Combined-Shape"></path>
          <path d="M1037.5,1160.10584 C978.861744,1160.10584 941.194654,1149.56494 889.896694,1132.30572 C876.739957,1128.47586 833.240848,1150.46944 759.399367,1198.28648 C753.958372,1200.99267 748.473907,1200.49341 742.945974,1196.78872 C737.41804,1193.08403 735.945924,1187.4342 738.529623,1179.83923 C758.395673,1115.01815 764.042746,1079.03989 755.47084,1071.90445 C650.621436,1003.27384 591,905.35752 591,785.052921 C591,577.916912 790.904859,410 1037.5,410 C1284.09514,410 1484,577.916912 1484,785.052921 C1484,992.18893 1284.09514,1160.10584 1037.5,1160.10584 Z M889.896694,727.77883 C924.542293,727.77883 952.628099,699.654815 952.628099,664.962084 C952.628099,630.269354 924.542293,602.145339 889.896694,602.145339 C855.251096,602.145339 827.165289,630.269354 827.165289,664.962084 C827.165289,699.654815 855.251096,727.77883 889.896694,727.77883 Z M1188.79339,727.77883 C1223.43899,727.77883 1251.52479,699.654815 1251.52479,664.962084 C1251.52479,630.269354 1223.43899,602.145339 1188.79339,602.145339 C1154.14779,602.145339 1126.06198,630.269354 1126.06198,664.962084 C1126.06198,699.654815 1154.14779,727.77883 1188.79339,727.77883 Z" id="Combined-Shape-Copy-4" transform="translate(1037.500000, 805.000000) scale(-1, 1) translate(-1037.500000, -805.000000) "></path>
      </svg></a>
      <a href="#"><svg width="1.4em" height="1.4em" class="ml-3" fill="white" viewBox="0 0 448 512">
        <!-- QQ图标 -->
        <path d="M433.754 420.445c-11.526 1.393-44.86-52.741-44.86-52.741 0 31.345-16.136 72.247-51.051 101.786 16.842 5.192 54.843 19.167 45.803 34.421-7.316 12.343-125.51 7.881-159.632 4.037-34.122 3.844-152.316 8.306-159.632-4.037-9.045-15.25 28.918-29.214 45.783-34.415-34.92-29.539-51.059-70.445-51.059-101.792 0 0-33.334 54.134-44.859 52.741-5.37-.65-12.424-29.644 9.347-99.704 10.261-33.024 21.995-60.478 40.144-105.779C60.683 98.063 108.982.006 224 0c113.737.006 163.156 96.133 160.264 214.963 18.118 45.223 29.912 72.85 40.144 105.778 21.768 70.06 14.716 99.053 9.346 99.704z"></path>
      </svg></a>
    </div>
  </div>
  <br>
  <div class="d-flex justify-content-center text-white">
    <button class="btn btn-default px-md-5 {% if request.path == '/' %}cate_active{% else %}cate{% endif %}" onclick="window.location.pathname='/'">文章</button>
    <button class="btn btn-default px-md-5 {% if request.path == '/shop/' %}cate_active{% else %}cate{% endif %}" onclick="window.location.pathname='/shop/'">学习资料</button>
    <button class="btn btn-default px-md-5 {% if request.path == '/about/' %}cate_active{% else %}cate{% endif %}" onclick="window.location.pathname='/about/'">关于</button>
    <button class="btn btn-default px-md-5 {% if request.path == '/support/' %}cate_active{% else %}cate{% endif %}" onclick="window.location.pathname='/support/'">支持一下</button>
  </div>
</div>


{#      <!-- 我的内容链接 -->#}
{#    <div class="d-flex justify-content-end fixed-bottom">#}
{#        <a class="m-5 px-2 py-2 text-white bg-warning" href="{% url 'collect:personal-list' %}" style="border-radius: 50%;">#}
{#            <svg class="bi bi-bag-fill" width="2em" height="2em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">#}
{#                <path d="M1 4h14v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4zm7-2.5A2.5 2.5 0 0 0 5.5 4h-1a3.5 3.5 0 1 1 7 0h-1A2.5 2.5 0 0 0 8 1.5z"/>#}
{#            </svg>#}
{#        </a>#}
{#    </div>#}


  {% block content %}{% endblock %}

{% endblock %}
